/* ===========comm============= */
.comm-title{
    line-height: 34px;
    font-size: 24px;
    border-bottom: 6px solid #f60;

}
.comm-title .book-menu li{
    float: left;     
    padding: 2px 5px;

    color: black;
    cursor: pointer;
    
}
.comm-title .book-menu li.active{
    background-color: #f60;
    color: #f3f3f3;

}
/* ===========菜单-广告图============= */
.menu{
    width: 200px;
    height: 400px;
    background-color: #f3f3f3;
    position: relative;

}
.menu li{
    height: 30px;


    
}
.menu li>p{
    text-indent: 20px;
    line-height: 30px;
    position: relative;
    z-index: 300;
    border: 1px solid #ccc;
    

}
.menu p a{
    color: #010101;
}
.menu li:hover p{
    border: 1px solid #f60;
    border-right:0 ; 
    background-color: white;
    width: 200px;
}
.menu-er{
    width: 500px;
    height: 400px;
    border: 1px solid #f60;
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 200;
    background-color: white;
    padding: 20px 20px;
    display: none;
}
.menu-er span{
    display: inline-block;
    padding-bottom: 10px;
}
.menu-er span a{
    color: black;
}
.menu-er dt{
    color: #f60;
    border-bottom: 1px solid #ccc;
}
.menu-er dd{
    padding-bottom: 10px;
}
.menu-er dd a{
    color: black;
}
.menu li:hover .menu-er {
    display: block;
}

.aside{
    width: 1000px;
    height: 400px;
    background-color: pink;
}

/* ===========今日推荐============= */
.re-list{
    width: 1188px;
    margin: 0 auto;
    border-left: 1px solid #f60;
    text-align: center;

}
.re-list li{
    width: 198px;
    height: 250px;

    float: left;
    border-right: 1px solid #f60;
    border-bottom: 1px solid #f60;
    box-sizing: border-box;
}
.re-list li p{
    padding-bottom: 2px;
}
/* ===========书籍============= */
.book-left{
    width: 904px;
    height: 500px;

}
.book-catgray{
    width: 238px;
    background-color: #f9f9f9;

}
.book-catgray p a{
    float: left;
    width: 79px;
    line-height: 38px;
    text-indent: 20px;
    color: #333 ;
}

.book-list{
    width: 666px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;

}
.book-list .book-dis{
    display: none;
}
.book-list .book-dis.on{
    display: block;
}
.book-dis p{
    text-align: center;
    padding-top:10px ;
    color: red;
}
.book-dis p:first-of-type{
    color: black;
    font-size: 18px;
   
}
.book-list>ul li{
    width: 166px;
    height: 218px;
    /* background-color: pink; */
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.book-list .book-slide{
    width: 332px;
}


.book-right{
    width: 284px;
    height: 440px;
    margin-top: 58px;
    border: 1px solid #ccc;

    padding-left: 25px;
    box-sizing: border-box;
}
.book-right h3{
    text-align: center;
    font-size: 24px;
    padding:10px 0;
}
.book-right li p{
    height: 54px;
    line-height: 55px;
    position: relative;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    
}

.book-right li span{
    position: absolute;
    left: -15px;
}